<template>
  <view class="main ub ub-ver">
    <NavBar title="日结单"></NavBar>
    <div v-show="tasklist.length > 0" class="content ub-f1">
      <div v-for="(item, index) in tasklist" :key="index" class="item">
        <div class="cell ub ub-ac">
          <div class="tit ub-f1">{{ item.billDate }}</div>
          <div class="tag">已审核</div>
        </div>
        <div class="cell ub ub-ac">
          <div class="tit">客户：{{ item.name }} 仓库：{{ item.name }}</div>
        </div>
        <div class="cell ub ub-ac">
          <div class="tit">地址: {{ item.name }}</div>
          <div class="ub-f1 tx-r">物流：{{ item.count }}</div>
        </div>
      </div>
    </div>
    <div v-show="tasklist.length === 0" class="content ub-f1 ub ub-ac ub-pc ub-ver">
      <image class="nodataImg" src="../../static/null/null3.png" mode="widthFix"></image>
      <div class="nodataTxt">暂无单据</div>
    </div>
  </view>
</template>
<script>
import service from '@/utils/http'
export default {
  data() {
    return {
      tasklist: [{
        name: '20100910',
        billDate: '2022-01-13',
        count: 10
      },{
        name: '20100910',
        billDate: '2022-01-13',
        count: 10
      },{
        name: '20100910',
        billDate: '2022-01-13',
        count: 10
      },{
        name: '20100910',
        billDate: '2022-01-13',
        count: 10
      }]
    }
  },
  onLoad() {
    this.getData('0')
  },
  onReachBottom() {
    this.pageNum++
    this.getData()
  },
  methods: {
    getData() {
    },
    toDetail(id) {

},
  },
}
</script>

<style scoped>
.main{height: 100%;}
.tablist {
  height: 92upx;
  background-color: #fff;
}
.tag {
  padding: 2upx 10upx;
  background-color: #5499ff;
  color: #fff;
  border-radius: 4px;
  font-size: 24upx;
}
.content {
  margin-top: 10rpx;
}
.cell {
  height: 64upx;
}
.tit {
  font-size: 28upx;
  color: #333;
  margin-right: 20upx;
}
.item {
  padding: 10upx 20upx;
  background: #fff;
}
.item + .item{
  border-top: 1rpx #f1f1f1 solid;
}
</style>
